*{margin:0;padding:0;}
#slider1{
	width:500px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
#slider2{
	margin-top:50px;
	width:500px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
#slider3{
	margin-top:50px;
	width:500px;
	height: 200px;
	overflow: hidden;
	position: relative;
}
ul{
	list-style: none;
	position: absolute;
	left:0px;
	top:0px;
}
ul li{
	float:left;
}

#num{
	position: absolute;
	right:20px;
	bottom:20px;
}
#num span{
	display: block;
	float:left;
	width:30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-right:10px;
	background: #ccc;
	opacity: 0.8;
	color:#fff;
}
#num span.active{
	opacity: 1;
	background: #1D5D76;
}
.left{
	width:56px;
	height: 87px;
	position: absolute;
	left:10px;
	top:57px;
	background: url('../images/left-arrow.png');
}
.right{
	width:56px;
	height: 87px;
	position: absolute;
	right:10px;
	top:57px;
	background: url('../images/right-arrow.png');
}